<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<link rel="stylesheet" type="text/css"
    href="<c:url value="/static/jquery-easyui/themes/default/easyui.css"/>">
<link rel="stylesheet" type="text/css"
    href="<c:url value="/static/jquery-easyui/themes/icon.css"/>">
<link rel="Stylesheet" type="text/css"
    href="<c:url value="/static/css/jquery.ui.css"/>" />
<script type="text/javascript"
    src="<c:url value="/static/jquery-easyui/jquery-1.6.min.js"/>"></script>
<script type="text/javascript"
    src="<c:url value="/static/jquery-easyui/jquery.easyui.min.js"/>"></script>
<script type="text/javascript"
    src="<c:url value="/static/jquery-easyui/plugins/jquery.panel.js"/>"></script>
<script type="text/javascript"
    src="<c:url value="/static/jquery-easyui/plugins/jquery.datagrid.js"/>"></script>
<script type="text/javascript"
    src="<c:url value="/static/jquery-easyui/plugins/jquery.messager.js"/>"></script>
<script type="text/javascript"
    src="<c:url value="/static/jquery-easyui/ext-for-framework.js.jsp"/>"></script>
<script type="text/javascript"
    src="<c:url value="/static/jquery-easyui/locale/easyui-lang-zh_CN.js"/>"></script>
<script type="text/javascript"
    src="<c:url value="/static/js/common.js"/>"></script>
<script type="text/javascript"
    src="<c:url value="/static/js/Loading.js"/>"></script>
<script type="text/javascript"
    src="<c:url value="/static/js/showMsg.js"/>"></script>
<script type="text/javascript"
    src="<c:url value="/static/listBox/jquery.clever.listbox.js"/>"></script>
<script>
	function initList(listDisplayEId) {
		$('#' + listDisplayEId).datagrid(
			{
				nowrap : false,
				striped : true,
				collapsible : true,
				remoteSort : true,
				notSelectByRow : false,
				toolbar : [
					{
					    id : listDisplayEId + '_btn_del',
						text : '审核通过',
						iconCls : 'icon-add',
						handler : function() {

						var row = $('#' + listDisplayEId).datagrid('getSelections');
						if (row.length == 0) {
							$.messager.alert('提示','请选择一条记录操作！', 'info');
							return;
						} else {
							var str = "date="
								+ row[0]['date']
								+ "&custId="
								+ row[0]['custId'];
							$.messager.confirm('提示','是否审核通过该条记录？',function(r) 
								{
								    if (r) {
										$.ajax({
											type : 'post',
											url : "<c:url value='/financingManager/auditFinancing.do'/>",
											data : str,
											dataType : "json",//设置查询参数及提交路径
											success : function(data) {
														if (data.success) {
															$.messager.alert("提示","审核成功！",'info');
															$('#'+ listDisplayEId).datagrid('reload');
														} else {
															$.messager.alert("提示",data.msg,'warning');
														}
											},
											error : function() {
													$.messager.alert("错误","系统错误，请联系管理员！",'error');
											}
										});
									}
									$('#'+ listDisplayEId).datagrid('reload');
									$('#'+ listDisplayEId).datagrid('clearSelections');
							});
						}
					}
				},
                {
                    id : listDisplayEId + '_btn_search',
                    text : '查看日财务数据',
                    iconCls : 'icon-search',
                    handler : function() {
                        var row = $('#' + listDisplayEId)
                                .datagrid('getSelections');
                        if (row.length == 0) {
                            $.messager.alert('提示',
                                    '请选择一条记录操作！', 'info');
                            return;
                        } else {
                            var new_win = window
                                    .open(
                                            "<c:url value='/jsp/openIndexSun.jsp?url=/financing/preLookFinancing.do'/>"
                                                    + "?date="
                                                    + row[0]['date'] +"&custId=" +row[0]['custId'],
                                            "sun",
                                            "width=1200px,height=600px,status=no,scrollbars=yes");
                            new_win.focus();
                            $('#' + listDisplayEId)
                                    .datagrid('reload');
                        }
                        $('#' + listDisplayEId).datagrid(
                                'clearSelections');
                    }
                } ],
							onLoadError : function() {
								$.messager.alert('错误', '获取数据失败，请与管理员联系！',
										'error');
							}

						});
	};
	$(document).ready(function() {
		document.getElementById('custId').value = 0;
        document.getElementById('zzy').style.display = 'none';
		easyuiDateboxForMonth("dateMonth");
		initList('listDisplay');
	});

	$(function() {

		//
		//获取data 数据
		$("#custName").textbox({
			buttonText : '选择',
			iconAlign : 'left',
			editable : false,
			value : "无",
			multiline : true,
			height : '25px',
			onClickButton : function() {
				initDateLeft();
				showMsgLeft();
				ShowDiv();

				var left = $('#left').listbox();
				var items = left.getDatas();
				left.removeRange(items);

				/* var right = $('#right').listbox();
				var itemsr = right.getDatas();
				right.removeRange(itemsr);
				 */
				$('#left').listbox().reload({
					data : dataLeft,
					ajaxsettings : {
						data : {
							id : 'a'
						}
					}
				});
			}
		});
	});
	function searchInfo() {
		if (document.getElementById('custId').value == 0){
			alert("客户不能为空");
		} else if ($('#dateMonth').combobox('getValue') == '') {
			alert("起始日不能为空");
		} else {
			$('#listDisplay').datagrid('load', {
				initFlag : 1,
				dateMonth : $('#dateMonth').datebox('getValue'),
				custId : document.getElementById('custId').value
			});
		}

	}
	function tea() {
		$('#listDisplay').datagrid('load');
	}

	// 种类格式
	var turnoverTypeClass;
	$.ajax({
		async : false,
		url : "<c:url value='/turnover/turnoverTypePullDown.do?space=0'/>",
		type : "post",
		data : {
			turnoverType : 1
		},
		success : function(data) {
			turnoverTypeClass = data;
			if (typeof (turnoverTypeClass) == 'string') {
				turnoverTypeClass = JSON.parse(turnoverTypeClass);
			}
		}
	});
	
	
	
	//酷虎属性
	function initDateLeft() {
        $.ajax({
            async : false,
            url : "<c:url value='/user/shopForManager.do'/>",
            type : "post",
            success : function(data) {
                dataLeft = data;
                if (typeof (dataLeft) == 'string' && dataLeft != '') {
                    dataLeft = JSON.parse(dataLeft);
                }
            }
        });
    }
    function ShowDiv() {
        var Allwidth = '100%';
        var Allheight = '100%';
        document.getElementById('zzy').style.display = '';
        Loading.Show({
            width : Allwidth,
            height : Allheight
        });
    }
    //初始化showMsg
    function showMsgLeft() {
        $('#left').listbox({
            data : dataLeft,
            height : 300,
            width : 200,
            dndscope : 'demo',
            dnd : false,
            multiselect : true,
            selectchange : function(data) {
                if (data && data.length > 0) {
                    $('#btnRight').attr('disabled', false);
                } else {
                    $('#btnRight').attr('disabled', true);
                }
            }
        });
        var data = [ {
            value : 10,
            text : 'think8848'
        }, {
            value : 20,
            text : 'aCloud'
        }, {
            value : 21,
            text : 'aaaaa'
        }, {
            value : 36,
            text : 'qqqqq'
        } ];
        $('#right').listbox({
            //data: data,
            height : 300,
            width : 200,
            dndscope : 'demo',
            dnd : true,
            multiselect : true
        });
        $('#btnRightAll').click(function() {
            var left = $('#left').listbox();
            var items = left.getDatas();
            left.clear();
            $('#right').listbox().addRange(items);
        });
        $('#btnLeftAll').click(function() {
            var right = $('#right').listbox();
            var items = right.getDatas();
            right.clear();
            $('#left').listbox().addRange(items);
        });
        $('#btnRight').click(function() {
            var left = $('#left').listbox();
            var items = left.getSelected();
            left.removeRange(items);
            $('#right').listbox().addRange(items);
        });
        $('#btnLeft').click(function() {
            var right = $('#right').listbox();
            var items = right.getSelected();
            right.removeRange(items);
            $('#left').listbox().addRange(items);
        });
        $('#btnRemove').click(function() {
            $('#right').listbox().removeRange([ {
                value : 2
            }, {
                value : 26
            } ]);
        });
        $('#btnSelect').click(function() {
            var selected = $('#right').listbox().getSelected();
            var msg = 'Selected count is: ' + selected.length;
            if (selected.length > 0) {
                msg += ', The first item text is: ' + selected[0].text;
            }
            msg += '.';
            alert(msg);
        });
        $('#btnGetItems').click(function() {
            var selected = $('#right').listbox('getDatas');
            alert('Items count is: ' + selected.length);
        });
        $('#btnSetSelection').click(function() {
            $('#left').listbox('setSelection', 1);
        });
        $('#select').click(function() {
            Loading.Hide();
            document.getElementById('zzy').style.display = 'none';

            var right = $('#right').listbox();
            var items = right.getDatas();
            var userNames = '';
            var userIds = '';
            if (items.length > 1) {
                alert("只能选取一位客户");
                return false;
            }

            if (items.length > 0) {
                for ( var e in items) {
                    userNames = userNames + items[e].text + ',';
                    userIds = userIds + items[e].value + ',';
                }
                userNames = userNames.substring(0, userNames.length - 1);
                userIds = userIds.substring(0, userIds.length - 1);
            }
            if (userNames != '' && userIds != '') {
                $('#custName').textbox('setValue', userNames);
                document.getElementById('custId').value = userIds;
            } else {
                $('#custName').textbox('setValue', '无');
                document.getElementById('custId').value = 0;
            }
        });
        $('#noselect').click(function() {
            Loading.Hide();
            document.getElementById('zzy').style.display = 'none';
        });
    }
</script>
</head>
<body>
	<table width="98%">
		<tr>
			<td>
				<div
					style="height: auto; width: 1180px; background: #fafafa; padding: 5px;"
					class="easyui-panel" title="查询" iconCls="icon-search"
					collapsible="true" minimizable="false" maximizable="false"
					closable="false">
					<form id="searchForm" name="searchForm" method="post">
						<div>
							<table cellpadding="5">
								<tr>
									<td>月份</td>
									<td><input class="easyui-datebox" editable="false"
										id="dateMonth" name="dateMonth" required="true"></input></td>
									<td>
									<td>客户id</td>
									<td><input
										style="word-wrap: break-word; word-break: break-all;"
										id="custName" name="custName"></input></td>
									<td><input class="easyui-validatebox" editable="false"
										id="custId" name="custId" type="hidden"></input></td>
									<td><input type="button" onclick="searchInfo()" value="查询"></td>
								</tr>
							</table>
						</div>
					</form>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<table id="listDisplay" title="审核操作列表" iconCls="icon-list"
					singleSelect="true" idField="date"
					url="<c:url value="/financingManager/auditFinancingList.do"/>"
					loadMsg="请稍候......" pagination="true" pageSize="20"
					pageList="[10,20,30,40,50]" rownumbers="true" sortOrder="asc">
					<thead>
						<tr>
							<th field="id" width="25" align="center" checkbox="true"></th>
							<th field="date" width="80" sortable="true">日期</th>
							<th field="custId" width="60" sortable="true">客户ID</th>
							<th field="custName" width="80" sortable="true">客户名</th>
							<th field="turnoverId" width="80" sortable="true" hidden='true'>ID
							</th>
							<th field="turnoverTypeDetialValue" width="150" sortable="true">营业额类型
							</th>
							<th field="turnoverValueTotal" width="100" sortable="true">日营业额
							</th>
							<th field="turnoverState" width="80" sortable="true"
								formatter="formaterTurnoverState">状态</th>
							<th field="costId" width="80" sortable="true" hidden='true'>ID
							</th>
							<th field="costTypeDetialValue" width="150" sortable="true">费用类型
							</th>
							<th field="costValueTotal" width="100" sortable="true">日费用</th>
							<th field="costState" width="80" sortable="true"
								formatter="formaterCostState">状态</th>
						</tr>
					</thead>
				</table>
			</td>
		</tr>
	</table>
	<div
        style='position: absolute; left: 40px; top: 40px; z-index: 101; background-color: #FFFFFF; border-radius: 10px; width: 550px;'
        id="zzy">
        <table align="center">
            <tr>
                <td colspan="3">
                    <form id="searchFormForShowCust" name="searchFormForShowCust"
                        method="post" accept-charset="UTF-8">
                        <div
                            style="height: auto; width: 470px; background: #fafafa; padding: 5px;"
                            class="easyui-panel" title="查询" iconCls="icon-search"
                            collapsible="true" minimizable="false" maximizable="false"
                            closable="false">
                            <table>
                                <tr>
                                    <td>省:</td>
                                    <td><input class="easyui-combobox" name="provinceShow"
                                        id="provinceShow" required="true" /></td>
                                    <td>市:</td>
                                    <td><input class="easyui-combobox" name="cityShow"
                                        id="cityShow" required="true" /></td>
                                </tr>
                                <tr>
                                    <td>区:</td>
                                    <td><input class="easyui-combobox" name="countryShow"
                                        id="countryShow" required="true" /></td>
                                    <td colspan="2"><a href="#" class="easyui-linkbutton"
                                        data-options="iconCls:'icon-search'" style="width: 60px"
                                        onclick="searchInfoForShowCust()">查询</a></td>
                                </tr>
                            </table>
                        </div>
                    </form>
                </td>
            </tr>
            <tr>
                <td>
                    <ul id="left">
                    </ul>
                </td>
                <td><input type="button" value="&gt;&gt;" id="btnRightAll"
                    style="width: 50px;" /><br /> <input type="button" value="&gt;"
                    id="btnRight" style="width: 50px;" /><br /> <input type="button"
                    value="&lt;" id="btnLeft" style="width: 50px;" /><br /> <input
                    type="button" value="&lt;&lt;" id="btnLeftAll" style="width: 50px;" />
                </td>
                <td>
                    <ul id="right">
                    </ul>
                </td>
            </tr>
        </table>
        <table align="center">
            <tr>
                <!--  
                <td><input type="button" value="Add Item" id="btnAdd" /></td>
                <td><input type="button" value="Remove Item" id="btnRemove" /></td>
                <td><input type="button" value="Get Select" id="btnSelect" /></td>
                <td><input type="button" value="Get Items" id="btnGetItems" /></td>
                <td><input type="button" value="SetSelection (value equal to '1')" id="btnSetSelection" /></td>
                <td><input type="button" value="Reload" id="btnReload" /></td>
                -->
                <td><input type="button" value="取消" id="noselect" /></td>
                <td width="200px"></td>
                <td><input type="button" value="选择" id="select" /></td>

            </tr>
        </table>
    </div>
</body>
</html>